<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="shortcut icon" href="assent/images/zzxbiaotitu.jpg" type="image/x-icon">
	    <title>[简历]王跃-网络与新媒体在学学生/广州</title>
</head>
<body>
<body  style=" background-image: url(assent/images/beijingsp.gif);background-repeat:no-repeat ;background-size:100% 100%;
background-attachment: fixed;">
<div class ="clock" >
    <div class="box1" id="h"></div>
    <div class="box2" >:</div>
    <div class="box1" id="m"></div>
    <div class="box2" >:</div>
    <div class="box1" id="s"></div>
  </div>
    <script type="text/javascript">
    var hour =document.getElementById("h");//获取显示小时的区域框对象
    var minute=document.getElementById("m");//获取显示分钟的区域框对象
    var second=document.getElementById("s");//获取显示秒的区域框对象
  
    //获取当前时间
    function getCurrentTime(){
      var date=new Date();
      var h=date.getHours();
      var m=date.getMinutes();
      var s=date.getSeconds();

      if(h<10) h="0"+h;//以确保0~9时也显示成两位数
      if(m<10) m="0"+m;//以确保0~9分钟也显示成两位数
      if(s<10) s="0"+s;//以确保0~9秒也显示成两位数

      hour.innerHTML=h;
      minute.innerHTML=m;
      second.innerHTML=s;

    }
    setInterval("getCurrentTime()",1000);//每秒更新一次时间
  </script>
  
	<ul class="nav">
		<li><a href="#">欢迎观看本人主页</a></li>
		<li><a href="https://gitee.com/wy170101">gitee主页</a></li>
		<li><a href="https://gitee.com/wy170101/tableau-assignment-11/blob/master/README.md">可视化作品链接</a></li>
		<li><a href="http://pc.nfu.edu.cn/admin/home">pc志愿者官网</a></li>
	</ul>

  <div class="left_div" style="float: left;">
    <p style="text-align:center">
    <img  src="assent/images/hondiphoto.jpg" class="imagetouxiang">  
    </p>
    <p style="text-align:center;font-size:40px;" >王跃</p>
    <p style="text-align:center;color: white;">中山大学南方学院 网络与新媒体 2020/广州</p>
    <hr style="height:1px;border:none;border-top:1px solid #555555;" />
    <img src="assent/images/zzxtubiao.png" height="30" width="20">
    <span style="color: white;"><b>基本信息</b></span>
    <p style="color: white;">个人信息&emsp;&emsp;&emsp;王跃 / 男 / 20岁</p>
    <p style="color: white;">英语水平&emsp;&emsp;&emsp;CET-4 未考</p>
    <p style="color: white;">计算机水平&emsp;&emsp;二级未考</p>
    <br>
    <hr style="height:1px;border:none;border-top:1px solid #555555;" />
    <img src="assent/images/lxfstubiao.png" height="20" width="20">
    <span style="color: white;"><b>联系方式</b></span>
    <li>
    <label style="color: white;">手机</label>
    <a href="tel:15168285219" target="_blank style=" color: white;>&emsp;&emsp;&emsp;133-804-18245</a>
    </li>
    <li>
    <label style="color: white;">邮箱</label>
    <a href="https://mail.qq.com/cgi-bin/frame_html?sid=M7ks9vIlwoUVe2AB&r=c0e9e15ffa9f9d93e49b0f5332bc7ccf" target="_blank">&emsp;&emsp;&emsp;457639050@qq.com</a>
    </li>
    <li>
    <label style="color: white;">个人主页</label>
    <a href="https://gitee.com/wy170101" target="_blank">&emsp;https://gitee.com/wy170101</a>
    </li>
    <li>
    <label style="color: white;">和鲸主页</label>
    <a href="https://www.heywhale.com/home/user/profile/6075bb29dad6c00017998c65" target="_blank">&emsp;liweier的和鲸主页</a></li>
    <br>
    <hr style="height:1px;border:none;border-top:1px solid #555555;" />
    <br> 
    <img src="assent/images/pythontubiao.png" height="20" width="20">
    <span style="color: white;"><b>技能点</b></span>
    <li>
    <label style="color: white;">HTML&emsp;&emsp;&emsp;</label>
    <progress value="90" max="100"></progress>
    </li>
    <li>
    <label style="color: white;">CSS&emsp;&emsp;&emsp;&emsp;</label>
    <progress value="85" max="100" class="hot"></progress>
    </li>
    <li>
    <label style="color: white;">JavaScript&emsp;      </label>
    <progress value="85" max="100" class="hot"></progress>
    </li>
    <li>
    <label style="color: white;">python &emsp;&emsp;</label>
    <progress value="50" max="100" class="hot"></progress>
    </li>                
    <li>
    <label style="color: white;">MnProgram</label>
    <progress value="50" max="100"class="hot" ></progress>
    </li>
    <br>
    <hr style="height:1px;border:none;border-top:1px solid #555555;" />
    <img src="assent/images/erweimatubiao.png"height="25" width="30">
    <span style="color: white;"><b>二维码</b></span>
    <p style="text-align:center;">
    <img src="assent/images/erweima.jpg" height="300" width="300" >
    </p>
    <div class="bofangqi">
    <audio controls autoplay>
    <source src="assent/images/Avicii _ Sandro Cavazza - Without You.mp3" >
    </audio>
    <p style="font-size:17px; color: white;">Without You-Avicii</p>
    </div>
  </div>
    <div class="right_div" style="float: left;">
    <img class="xuanzhuan" src="assent/images/tubiao4 xsm.png" height="20" width="20">
    <spap style="font-size:22px;color: white;"><b>教育经历</b></span>	
    <hr style="height:1px;border:none;border-top:1px solid #555555;" />
    <p class="biaoti" >·广东省汕头市澄海集贤中学（初中）&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;2013.09-2016.06</p>
    <p style="font-size:18px; color: white;">初中三年勤恳学习，与同学相处融洽，获得大部分老师的认可，三年学习后进入当地的重点高中。</p>
    <p class="biaoti" color: white;>·广东省汕头市苏北中学（高中）&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;2016.09-2020.06</p>
    <p style="font-size:18px; color: white;">于苏北中学渡过了难忘的四年，经历了许多，心态性格身体各方面都向成熟更进了一步，以面对丰富多彩的大学生活。</p>
    <p class="biaoti">·中山大学南方学院 - 网络与新媒体专业（本科）&emsp;&emsp;&emsp;&emsp;&emsp;2020.09-至今</p>
    <span style="font-size:18px;color: white;">已于南苑就读2年，其中专业课成绩优秀，多科成绩名列前茅，其中还参加了学校的pc志愿者社团，将于2021上半年参加微信小程序大赛。
   </span>
    <br>
    <br>
    <br>
    <img class="xuanzhuan" src="assent/images/xiaobiao.jpg" height="20" width="20">
    <span style="font-size:22px; color: white;"><b>在校经历</b></span>
    <hr style="height:1px;border:none;border-top:1px solid #555555;" />
    <img class="xuanzhuan" src="assent/images/tubiao6 sb.png" height="20" width="20">
    <span style="font-size:20px;">学业经历</span>
    <p style="font-size:18px; color: white;">大一上学期原就读于旅游管理专业，经过一个学期的学习发现旧专业不适合自身，<em>果断转到网络与新媒体专业，对网新的课程兴趣度较高，学习起来更有动力，成绩也较好。</em></p>
    <img class="xuanzhuan" src="assent/images/shetuan-pc.png" height="20" width="20">
    <span style="font-size:20px;">社团经历</span>
    <p style="font-size:18px; color: white;">于大一上学期加入pc志愿服务队，在任期间积极参加活动，在图书馆以及上宿舍楼为全校学生免费解决电脑问题，完成订单数量40台，分单60单，志愿热心为同学们服务。</p>
    </div>
    <div class="next_div" style="float: left;">
      <main>
        <img class="xuanzhuan" src="assent/images/feijitubiao.png" height="20" width="20">
    <span style="font-size:22px; color: white;"><b>对未来的展望</b></span>
       <hr style="height:1px;border:none;border-top:1px solid #555555;" />
       <p style="font-size:18px; color: white;">对自身的展望，是先努力学完大学四年的课程，不要混着上一节课，用百分百的努力来完成每一次作业，每一次考核，在期末考核中取得好成绩，在每一个课程中真正的学到东西，让自己掌握更多的技能，提升自我，提升自己在职场的竞争力，最好的话完成课程后还要积极学习，努力考上研究生，实习后也要向同事学习，看清现在的职场情况，搞清自己的定位，做到不惧不畏。你若不想做，总会找到借口;你若想做，总会找到方法。当你觉得你的生活处处都不如意的时候，唯一的原因就是你的无能。任何一颗心灵的成熟，都必须经过寂寞的洗礼和孤独的磨炼。</p>
       <br>
       <img class="xuanzhuan" src="assent/images/jiangbeitubiao.png" height="20" width="20">
    <span style="font-size:22px; color: white;"><b>对自己的期望</b></span>
    <hr style="height:1px;border:none;border-top:1px solid #555555; color: white;" />
    <p style="font-size:18px; color: white;">不能改变别人，就改变自己;不能改变事情，就改变对事情的态度。</p>
    <p style="font-size:18px; color: white;">对自己的期望就是更加勇敢一点，更加勤奋一点，更加果断一点，更加细心一点。Be more brave, more diligent, more decisive and more careful.能更加合适地处理好学习与社团的关系，安排好时间的分配。在做事情的时候，要更加自信，不要被别人误导，不要被别人影响，得到高分并不是主要目的，更重要的是学到东西，让自己更加全面，更加强大，在逆流中看得更清，站得更稳，不要被其他人轻易地影响。人生的成败往往就在一念之间，但大多数都是一念之差。打破先前给自己设下的界限，跳出自己的舒适圈活出自己的风格。还有就是不要再对自己的代码充满信心了，python真的很难，要在代码学习上下更多的功夫。总结起来就是要更果断，更努力，更沉着，凌厉，不要收到其他人的影响。</p>
      </main>
    </div>
<br>
<footer style="text-align: center; color: white;">
@wangyue 2021 文档最后修改为2021年11月21日 
</footer>
</body>
</html>
<style>
.xuanzhuan{
    animation: rotate 6s linear infinite;
}
a{
  color:white}
  .clock{
    width:800px;
    font-size:80px;
    font-weight:bold;
    color:rgb(220,20,60);
    text-align:center;
    margin-left:425px;
}
.box1{
    margin-right:10px;
    width:100px;
    height:100px;
    line-height:100px;
    float:left;
    
}
.box2{
    width:30px;
    float:left;
    margin-right:10px;
}
.imagetouxiang{
  height: 150px;
  width: 150px;
  border-radius: 100%;
  transition:all 5.0s;
  max-height: 100%;
}
img:hover{
        transform: rotate(360deg);
}
*{
	padding: 0px;
			margin: 0px;
		}
		.nav{
			list-style: none;
			background-image: linear-gradient(to right,#C31432,
#240b36);
			width: 1240px;
			/*height: 45px;*/
			margin-bottom:20px;
			overflow: hidden;
			zoom: 1;
		}
		.nav li{
			float: left;
			width: 25%;
		}
		.nav a{
			width: 100%;
			display: inline-block;
			text-align: center;
			padding: 5px 0px;
			text-decoration: none;
			color: white;
			font-weight: bold;
		}
		.nav a:hover{
			background-color: red;
		}
 progress {
  -webkit-appearance: none;
}

::-webkit-progress-bar {
  background-color:#6A5ACD;
}
 a{text-decoration:none}
 a:hover{text-decoration:none}
 body {
   margin-top:0px;
   margin-right:100px;
   margin-left:150px;	
   float:left;padding:10px;   
 }

.second:hover {
             /*Y轴上表示上升*/
             transform:translateY(120px);
 }
 .left_div {
 	border-radius: 20px;
 	 padding: 10px;
 	 margin-right:50px ;
     background-image: linear-gradient(to right,#C31432,
#240b36);
     width: 450px;
     height:1100px;
     opacity: 0.8;
}
.bofangqi{
   width:450px;
   height:50px;
   display: flex;
   justify-content: center;
   margin-top: 32px;
   align-items: center;
}
.right_div {
	border-radius: 20px;
	    padding: 50px;
        color: #000000;
      background-image: linear-gradient(to right,#7f7fd5,#86A8E7,#91EAE4);
		padding:15px 10px;
		width: 700px;
		height: 550px;
		white-space:normal;
    word-break:break-all;
    word-wrap:break-word;
    animation:myfirst 5s infinite alternate;
    opacity: 0.8;
    }
.next_div {
  margin-top:20px ;
  border-radius: 20px;
      padding: 50px;
        color: #000000;
        background-image: linear-gradient(to right,#C31432,
#240b36);
    padding:15px 10px;
    width: 700px;
    height: 490px;
    white-space:normal;
        word-break:break-all;
        word-wrap:break-word;
        opacity: 0.85;
    }

    img{
    	border-radius: 20px;
    }
    .biaoti{
    	font-size: 20px;
    	color:#0083B0

    }

@keyframes myfirst
{
0%   {background:#F953C6;}
50%  {background:#86A8E7}
100%  {background:#B91D73}
}
@keyframes rotate{
  0%{
    transform: rotateZ(0deg);/*从0度开始*/
  }
  100%{
    transform: rotateZ(360deg);/*360度结束*/
  }
}
</style>